<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>典当详情</title>
	<% include  ./template/commonCss.ejs %>
	<link href="<%=resUrl%>/css/my_pawn_detail.css" rel="stylesheet" type="text/css" />
	<% include ./template/commonJs.ejs %>
	<script type="text/javascript" src="<%=resUrl%>/lib/swiper.js"></script>
</head>

<body ontouchstart>
	<% var topTitle = '典当详情';var topReturnType = '' %>
	<% include ./template/topReturn.ejs %>
	<div class="content" <%if(locals.token && token != ''){%>style="top:0;"<%}%> >
		<div id="detail-content">

		</div>
		<script id="detail" type="text/html">
			{{if data}}
				<div class="swiper-container">
					<div class="swiper-wrapper" id="productImgs">
						{{data.showImages | splitImages}}
						{{each $imports.imgs as img i}}
							<div class="swiper-slide"><img data-url="{{img}}" src="/img/disc.png" style="background:url({{img}}?x-oss-process=image/resize,w_600) center center no-repeat;background-size:100% auto;width:100%;"/></div>
						{{/each}}
						{{data.showVideos | getVideoInfo}}
						{{if $imports.video && $imports.video!='' }}
							<div class="swiper-slide video" data-url="{{$imports.video.playUrl}}">
								<img src="/img/disc.png" style="background:url({{$imports.video.imgUrl}}) center center no-repeat;background-size:100% auto;width:100%;"/>
								<svg t="1553305377648" class="icon" style="opacity: 0.8;width:2rem;height:2rem;left:50%;margin-left:-1rem;margin-top:-1rem;top:50%;position:absolute;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4354" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
									<defs><style type="text/css"></style></defs>
									<path d="M511.815713 0C229.539483 0 0 229.72377 0 512s229.72377 512 512 512S1023.815713 794.27623 1023.815713 512 794.091943 0 511.815713 0z m0 959.883541c-247.062089 0-448.067828-201.005739-448.067828-448.067828s201.005739-447.883541 448.067828-447.883541c247.05697 0 448.067828 201.005739 448.067828 448.067828s-201.005739 447.883541-448.067828 447.883541z" fill="#FFFFFF" p-id="4355"></path><path d="M396.718351 263.632546V767.861785l330.195924-258.513468z" fill="#FFFFFF" p-id="4356"></path></svg>
							</div>
						{{/if}}
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="cdetail-top">
					<div class="row">
						<div class="cdetail-price">保底价 <span style="font-size:0.25rem;margin: 0 0.05rem;color:#FF5300;">¥</span><span style="color:#FF5300;font-size: 0.35rem;font-weight: bold">{{data.productPrice}}</span></div>
						<div class="cdetail-price">保管费 10%  每个月</div>
						<div class="auto-height"></div>
						<div class="cdetail-price">典当月数 <span style="font-size: 0.35rem;font-weight: bold">{{data.impawnMonthCount}}</span></div>
						<div class="auto-height"></div>
						<div class="cdetail-price">典当时间 {{data.createDate | TimestampToTime}}</div>
						{{if data.impawnEndTime }}
						<div class="auto-height"></div>
						<div class="cdetail-price">典当结束时间 {{data.impawnEndTime | TimestampToTime}}</div>
						{{/if}}
						<div class="auto-height"></div>
					</div>
					<div class="auto-height"></div>
					<div class="cdetail-desc">【名称】{{data.productName }}</div>
					<div class="cdetail-desc">【品相】{{data.appearanceName}}</div>
					<div class="cdetail-desc">【尺寸】{{data.sizeDesc}}</div>
					<div class="cdetail-desc">【描述】{{data.detailsDesc}}</div>
				</div>
				
			{{/if}}
		</script>
		
		

		
	
	</div>
	
	
	
	

	<script>
		$(".swiper-container").swiper({
			loop: true
		});
	</script>
	<script>
		var id = '<%=id%>';
	</script>
	<script type="text/javascript" src="<%=resUrl%>/js/my_pawn_detail.js"></script>
</body>

</html>